<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <section th:if="${#lists.isEmpty(dataMap['list'])}" section class="no-data__wrap">
        <em>&nbsp;</em>
        <p>亲，还没有可以兑换的商品哦</p>
    </section>
        <th:block th:each="shop :${dataMap['list']}">

            <div class="col-50">
                <div class="card">
                    <div class="card-content">
                        <a th:href="@{/mobile/uc/integral/integralGiftInfo?id={id}(id=${shop['id']})}">
                            <div class="">

                                <img class="wm-img"  th:src="@{{path}/front/mobile/v3/img/integral/integra-goot.jpg?v={v}(path=${staticPath},v=${v})}" th:attr="data-src=${shop['imageMap']['mobileUrlMap']['large']}"  width="100%" alt="">
                            </div>
                            <section class="pt5 pl5 pr5 pb5">
                                <aside class="wm-desc-txt__wrap">
                                    <span class="c-000 fs7" th:text="${shop['name']}">商品名称圣诞活动就要这么做</span>
                                </aside>
                                <aside class="mt5 row no-gutter">
                                    <asdie class="col-50">
                                        <span class="c-888 fs4" th:text="'库存'+${shop['inventory']}">库存 0 </span>
                                    </asdie>
                                    <asdie class="col-50 text-right">
                                        <span class="c-red fs4 " th:text="${userIntegralRuleName['name']}">积分</span>
                                        <span class="c-888 fs4 c-red" th:text="${shop['integral']}"> 0</span>
                                    </asdie>
                                </aside>
                            </section>
                        </a>
                    </div>
                </div>
            </div>
        </th:block>

</html>
